// import React, { Component } from 'react'
import SupplierLeft from "../SupplierLeft"
import ItemRight from "../ItemRight"
import "./style.scss"

class SupplierList extends React.Component{
    render() {
        const { hideBottomLine,info } = this.props;
        return (

            <div className={'rj_supplier-list'}>
                <div className={hideBottomLine? 'rj_supplier-list-item-noline':"rj_supplier-list-item"}>
                    <SupplierLeft
                        info = {info}
                    />
                    <div className="rj_supplier-right-wp">
                        {info.supplierTopSaleProducts&&
                            info.supplierTopSaleProducts.map((item,index)=>{
                                return (
                                    <ItemRight key={index} data={item} supplierId = {info.supplierId}/>
                                )
                            })
                        }
                    </div>
                    
                </div>
            </div>
        );
    }
}

export default SupplierList;